<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page isELIgnored="false" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="Keywords" content="关键词,关键词">
    <meta name="description" content="">
    <title></title>
    <script type="text/javascript" src="js/jquery-1.42.min.js"></script>
    <script type="text/javascript" src="js/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/select-widget-min.js"></script>
    <link rel="stylesheet" href="css/drop-down.css" />
    <link rel="stylesheet" href="css/base.css" type="text/css"/>
    <link rel="stylesheet" href="css/headbott.css" type="text/css"/>
    <link rel="stylesheet" href="css/product-list.css" type="text/css"/>
    <style type="text/css">
        .p5{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:238px;}
        .p{
            width: 238px; height: 10px;
        }
    </style>
  <script type="text/javascript">
      $(document).ready(function () {
          $("#select").change(function () {
              var value=  $('#select option:selected') .val();
              window.location.href="/product/getProductsByStatus?value="+$(this).attr("value");
          })

          $("#select2").change(function () {
              var value= $('#select2 option:selected') .val();
              window.location.href="/product/getProductsByOrder?value="+$(this).attr("value");
          })

      })
  </script>

</head>
<body>

<div id="header">
    <div class="heade-con">
    <div class="logo"><a href=""><img src="images/LOGO.png"/></a></div>
        <div class="nav posa">
            <ul>
                <li><a href="index.jsp">首页</a></li>
                <li><a  class="vcolor" href="/product/getAllProduct" id="gyzc">公益众筹</a></li>
                <li><a href="cop.jsp">常见问题</a></li>
                <li><a href="/product/getProductsBySuccessStatus">众筹资讯</a></li>
                <li><a href="new_product.jsp" style="">发布项目</a></li>

            </ul>
        </div>

        <div class="search">
            <form action="">
                <input type="text" class="search-txt" value="" placeholder="找项目">
                <input type="submit" class="search-but" value="">
            </form>
        </div>

        <div class="index-login">
            <c:if test="${user == null}">
                <a href="login.jsp">登录</a><a href="reg.jsp">注册</a><a href="./admin/admin_login.jsp">后台</a>
            </c:if>
            <c:if test="${user != null}">
                <a href="/product/getByUserId">个人中心</a><a href="user/logout" id="lout">退出</a>
            </c:if>
        </div>
    </div>
</div>


<div class="product-con">
<h1 class="product-con_tit">公益众筹</h1>
    <div class="product-con_nav">
    <a class="lnav_bg" href="/product/getAllProduct"><i><img src="images/ii_04.png" alt=""/></i>全部</a>
    <a href="/product/getProductByTypeIdJY"><i><img src="images/ii_06.png" alt=""/></i>教育助学</a>
    <a href="/product/getProductByTypeIdAX"><i><img src="images/ii_08.png" alt=""/></i>爱心环保</a>
    <a href="/product/getProductByTypeIdFP"><i><img src="images/ii_10.png" alt=""/></i>扶贫助困</a>
    <a href="/product/getProductByTypeIdCY"><i><img src="images/ii_12.png" alt=""/></i>公益创业</a>
    <a href="/product/getProductByTypeIdHD"><i><img src="images/ii_14.png" alt=""/></i>公益活动</a>
    <div class="select-li">
               <span>状态:&nbsp;&nbsp;</span>
               <select name="drop2" class="ui-select" id="select">
               <option value="">全部</option>
               <option value="0">制作中</option>
               <option value="1">预热中</option>
               <option value="2">项目成功</option>
               <option value="3">筹款中</option>
           </select>
           </div>

        <div class="select-li2">
               <span>排序:&nbsp;&nbsp;</span>
               <select name="drop2" class="ui-select"  id="select2">
               <option value="">全部</option>
               <option value="1">筹款金额</option>
               <option value="2">支持人数</option>
               <option value="3">日期</option>
           </select>
           </div>
    </div>

    <div class="product-list-l">
        <ul>
            <c:forEach items="${products}" var="product">
                <li class="yrz">
                    <div class="product-list-lpic">
                        <a href="/product/getProductById?productId=${product.id}"><img src="images/prr-dduu_27.jpg" alt=""/></a>
                        <div class="product_one">
                                ${product.status==0?"制作中":product.status==1?"预热中":product.status==2?"项目成功":"筹款中"}
                        </div>
                    </div>
                    <div class="p">
                        <p class="p5"><a href="/product/getProductById?productId=${product.id}">${product.title}</a></p>
                    </div>
                    <div class="product-list-lmin">
                        <dl>
                            <dt>${(product.getmoney/product.money)*100}%</dt>
                            <dd>达成率</dd>
                        </dl><dl>
                        <dt>${product.getmoney}</dt>
                        <dd>已筹金额</dd>
                    </dl><dl>
                        <dt>${product.getpeople}</dt>
                        <dd>支持人数</dd>
                    </dl>
                    </div>
                </li>
            </c:forEach>
        </ul>
    </div>
<div class="product-ym">
    <ul>
     <a class="product-ym_bg" href="/product/getAllProduct?pageNo=1">首页</a>
        <c:if test="${pageInfo.hasPreviousPage}">
             <a href="/product/getAllProduct?pageNo=${pageInfo.pageNum-1}" aria-label="Previous">
              <span aria-hidden="true">&laquo;</span>
         </a>
        </c:if>

        <c:forEach items="${pageInfo.navigatepageNums}" var="page_Num">
          <c:if test="${page_Num==pageInfo.pageNum}">
         </c:if>
            <a href="/product/getAllProduct?pageNo=${page_Num}">${page_Num}</a>
         </c:forEach>

        <c:if test="${pageInfo.hasNextPage}">
                <a class="product-ym_xyy" href="/product/getAllProduct?pageNo=${pageInfo.pageNum+1}">
                    <span aria-hidden="true">&raquo;</span>
                </a>
        </c:if>
        <a href="/product/getAllProduct?pageNo=${pageInfo.pages}">末页</a>
    </ul>
</div>
</div>
<div id="bottom">
    <div class="bot-con1">
        <ul>
            <li class="bot-con1-li1">我们已经做到 </li>
            <li>单项支持人数<span class="inde-span1"></span></li>
            <li>单项筹款金额<span class="inde-span2"></span></li>
            <li>累计筹款金额<span class="inde-span3"></span></li>
        </ul>
    </div>
    <div class="bot-con1 bot-con2">
        <ul>
            <li class="bot-con1-li1">发起项目流程 </li>
            <li><span class="inde-span4"></span>发起人创建项目</li>
            <li><span class="inde-span5"></span>项目获得支持</li>
            <li><span class="inde-span6"></span>发起人发放回报</li>
            <li><span class="inde-span7"></span>用户收到回报</li>
        </ul>
    </div>
    <div class="bottom-ggt"><a href=""><img src="images/bottbom_68.jpg" alt=""/></a></div>
    <div class="zc-yqlink">
        <ul>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里旅行</a></li>
            <li><a href="">阿里云计算</a></li>
            <li><a href="">阿里巴巴集团</a></li>
            <li><a href="">淘宝网</a></li>
            <li><a href="">天猫</a></li>
            <li><a href="">聚划算</a></li>
            <li><a href="">全球速卖通</a></li>
            <li><a href="">阿里巴巴国际交易市场</a></li>
            <li><a href="">1688</a></li>
            <li><a href="">阿里妈妈</a></li>
            <li><a href="">阿里云计算</a></li>
        </ul>
    </div>
    <div class="footer-bd">

            <a href=" ">关于淘宝</a>
            <a href=" ">合作伙伴</a>
            <a href=" ">营销中心</a>
            <a href=" ">廉正举报</a>
            <a href=" ">联系客服</a>
            <a href=" ">开放平台</a>
            <a href=" ">诚征英才</a>
            <a href=" ">联系我们</a>
            <a href=" ">网站地图</a>
            <a href=" ">法律声明</a>　　　
            <em>© 2003-2015 Taobao.com 版权所有</em><br>

       <br>
            <span>网络文化经营许可证：<a href=" ">浙网文[2013]0268-027号</a></span>
            <b>|</b>
            <span data-spm-protocol="i">增值电信业务经营许可证：<a href="">浙B2-20080224-1</a></span>
            <b>|</b>
            <span>信息网络传播视听节目许可证：1109364号</span>
            <b>|</b>
            <span>举报电话:0571-81683755</span>
    </div>
</div>
</body>
</html>